import { createRouter, createWebHistory } from 'vue-router';
import RetailShopping from '../views/RetailShopping.vue';
import PlayingAppointment from '../views/PlayingAppointment.vue';
import HomePage from '../views/HomePage.vue';
import UserLogin from '../views/UserLogin.vue';
import CommunityForum from '../views/CommunityForum.vue';
import SecondHand from '../views/SecondHand.vue';
import CourtBookingView from '../views/CourtBookingView.vue';
import NewsCenter from '../views/NewsCenter.vue';
import PointsCenter from '../views/PointsCenter.vue';
import VideoTutorials from '../views/VideoTutorials.vue';
import MatchReplays from '../views/MatchReplays.vue';
import EquipmentReviews from '../views/EquipmentReviews.vue';
import EquipmentAuthentication from '../views/EquipmentAuthentication.vue';

const routes = [
  { path: '/', name: 'HomePage', component: HomePage },
  { path: '/login', name: 'Login', component: UserLogin },
  { path: '/community', name: 'Community', component: CommunityForum },
  { path: '/second-hand', name: 'SecondHand', component: SecondHand },
  { path: '/court-booking', name: 'CourtBooking', component: CourtBookingView },
  { path: '/news', name: 'News', component: NewsCenter },
  { path: '/points', name: 'Points', component: PointsCenter },
  { path: '/video-tutorials', name: 'VideoTutorials', component: VideoTutorials },
  { path: '/match-replays', name: 'MatchReplays', component: MatchReplays },
  { path: '/reviews', name: 'Reviews', component: EquipmentReviews },
  { path: '/equipment-auth', name: 'EquipmentAuthentication', component: EquipmentAuthentication },
  { path: '/retail', name: 'RetailShopping', component: RetailShopping },
  { path: '/playing-appointment', name: 'PlayingAppointment', component: PlayingAppointment }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;